<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div class="container" id="content">
		<section class="content-header">
			<h1>
				<i class="fa fa-child"></i> <strong>用户管理</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				<li>系统管理</li>
				<li class="active">用户管理</li>
			</ol>
		</section>
		<!-- Main content -->
		<section class="content">
			<div class="box box-info">
				<div class="box-header with-border">
					<i class="fa fa-th-list"></i>
					<h4 class="box-title">用户信息查询</h4>
				</div>
				<div class="box-body">
					<div class="form-inline">
						<div class="input-group">
							<input type="text" id="search" class="form-control"
								placeholder="姓名丨电话丨性别" style="width: 240px;" /> <span
								class="input-group-btn">
								<button type="button" class="btn btn-info searchBtn">查询</button>
								<button type="button" name="reset" id="reset-btn"
									class="btn btn-info resetBtn">撤消</button>
							</span>
						</div>
						<div class="form-group pull-right">
							<button type="button" class="btn btn-info addBtn">添加</button>
						</div>
					</div>
				</div>
				<div class="box box-body">
					<table width="100%" id="dataTable"
						class="mytable dataTable table-bordered text-center table-striped table-hover">
						<thead>
							<tr>
								<th width="5%">序号</th>
								<th width="10%">用户姓名</th>
								<th width="10%">人员顺序号</th>
								<th width="8%">性别</th>
								<th width="12%">电话</th>
								<th width="13%">电邮</th>
								<th width="10%">岗位</th>
								<th width="10%">操作</th>
							</tr>
						</thead>
						<tbody>
						</tbody>
					</table>
				</div>
			</div>
		</section>
		<!--用户信息添加弹窗-->
		<div class="modal" id="userModal">
			<div class="modal-dialog" role="dialog">

				<div class="modal-content">
					<form id="userEditForm">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
							<h4 class="modal-title">
								<strong>用户信息</strong>
							</h4>
						</div>
						<div class="modal-body">
							<input type="hidden" name="id" id="id" />
							<div class="form-horizontal">
								<div class="row">
									<section class="col-lg-12">
										<!-- <div class="form-group">
											<label class="col-sm-3 control-label">用户</label>
											<div id="input-man-name" class="col-sm-8">
												<div class="col-md-10">
													<input class="form-control" type="text" name="name"
														id="name" />
												</div>
												<div class="col-md-2">
													<span style="color: #F00; fontsize: 30px">*</span>
												</div>
											</div>
											<div id="div-select-men" class="col-sm-8 hide">
												<div class="col-md-10">
													<select
														class="form-control js-example-basic-single js-states"
														style="width: 100%" type="text" id="select-men">
														<option></option>
													</select>
												</div>
											</div>
										</div> -->
										<div class="form-group">
											<label class="col-sm-3 control-label">用户名称</label>
											<div class="col-sm-8">
												<div class="col-md-10">
													<input class="form-control" type="text" name="userName"
														id="userName" />
												</div>
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-3 control-label">电话</label>
											<div class="col-sm-8">
												<div class="col-md-10">
													<input class="form-control" type="text" datatype="*,*1-100,t" name="contactType"
														id="contactType"  />
												</div>
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-3 control-label">电邮</label>
											<div class="col-sm-8">
												<div class="col-md-10">
													<input  class="form-control" type="text" name="email"
														id="email" datatype="e"/>
												</div>
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-3 control-label">人员顺序号</label>
											<div class="col-sm-8">
												<div class="col-md-10">
													<input class="form-control" type="text" name="orderNum"
														id="orderNum" />
												</div>
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-3 control-label">性别</label>
											<div class="col-sm-8">
												<input class="form-control" type="hidden" name="sex"
													id="sex" />
												<div class="col-md-6">
													<input class="radioIterm" type="radio" name="sex" id="sex1"
														value="male" checked="checked" />男
												</div>
												<div class="col-md-6">
													<input class="radioIterm" type="radio" name="sex" id="sex2"
														value="female" />女
												</div>
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-3 control-label">岗位</label>
											<div class="col-sm-8">
												<div class="col-md-10">
													<select class="form-control" name="post" id="post"
														>
														<option/>
														<option th:each="post:${posts}"
															th:text="${post.title}" th:value="${post.id}">
														</option>
													</select>
												</div>
												<div class="col-md-2">
													<span style="color: #F00; fontsize: 30px">*</span>
												</div>
											</div>
										</div>
									</section>
								</div>
							</div>

							<div class="modal-footer">
								<button type="button" class="btn btn-primary saveBtn">保存</button>
								<button type="button" class="btn btn-default"
									data-dismiss="modal">返回</button>

							</div>
						</div>
					</form>
				</div>

			</div>
		</div>
		<script th:src="@{/user/userindex.js}"></script>
	</div>

</body>
</html>